.features .banner{width:100%;background:#fff6e9;}
.features .banner img{width:100%;} 
.features nav{width:100%;background:#fff6e9;position:relative;}
.nav_title{width:60%;height:100px;margin:0px auto;}
.nav_title img{display:inline-block;width:88px;height:80px;float:left;margin-top:20px;}
.nav_title span{display:inline-block;float: left;height:70px;width:auto;margin-top:30px;line-height:70px;margin-left:1rem;font-size:1.2rem;color:#7b5c55;}
.features nav img.app{display:block;width:60%;margin:0px auto;}
/*.features nav span{width:100%;position:absolute;bottom:-1px;display:block;height:50px;background:#ead3b0;line-height:50px;font-size:1.3rem;color:#624c3f;letter-spacing: 0.1rem}*/
.downLoad{width:100%;height:190px;background:#fff;}
.downBox{width:70%;height:160px;margin:28px auto;}
ul.downBox li{list-style:none;width:25%;height:160px;float:left;}
ul.downBox li img{width:90%;}
.video{width:100%;height:400px;background:#fff6e9;}
.videoBox{width:70%;height:100%;margin:0px auto;}
.appPhoto{background:#fff;width:100%;height:520px;}
.appPhoto p{width:58%;height:70px;line-height:100px;margin:0px auto;text-align:left;font-size:1.2rem;color:#7b5c55;}
.appBox{width:100%;height:450px;background:#fff;margin:0px auto;}
.appBox div{list-style:none;width:33.3%;height:100%;float:left;overflow: hidden;display: flex;align-items:flex-end;}
.appBox div:nth-child(1) img{/*background:url(../img/sweep_1.png)0% 100% no-repeat;background-size: auto 88%;*/ width:auto;height:89%;overflow: hidden;align-items:flex-end;display:block;}
.appBox div:nth-child(2) img{width:auto;height:89%;overflow: hidden;align-items:center;display:block;margin:0px auto;}
.appBox div:nth-child(3){overflow:hidden;display: flex;align-items:center;/*background:url(../img/sweep_scan.png)100% 40% no-repeat;background-size: auto 48%;*/position:relative;overflow:hidden;display: flex;align-items:center;}
.appBox div:nth-child(3) img{height:48%;width:auto;display: block;top:110px;margin-left: auto;}
.appBox div span.appListButton{width:62%;height:40px;line-height:40px;color:#7b5c55;border-radius:4px;position:absolute;top:30px;right:0%;font-size:1.2rem;}
.joinUs{width:100%;height:450px;background:#fff;position:relative;}
.joinBox{width:100%;height:370px;background:#fff6e9;z-index:9;}
.joinTitle{width:70%;height:100px;margin:0px auto;}
.joinTitle p{width:100%;height:60px;line-height:90px;color:#7b5c55;font-size:1.2rem;text-align:left;}
.joinTitle span{display:block;width:100%;height:36px;line-height:36px;text-align:left;color:#7b5c55;font-size:1rem;}
.joinList{position:absolute;height:350px;width:70%;z-index:11;bottom:0px;margin-left:15%;}
.joinList div:nth-child(1){float:left;width:26%;height:100%;overflow:hidden;display: flex;align-items:center;/*;background:url(../img/sweep_3.png) 0% 50% no-repeat;background-size:auto 70%;*/}
.joinList div:nth-child(1) img,.joinList div:nth-child(3) img{height:70%;width:auto;display:block;}
.joinList div:nth-child(2){float:left;width:48%;height:100%;/*background:url(../img/sweep_4.png) 50% 100% no-repeat;background-size: auto 100%;*/}
.joinList div:nth-child(2) img{height:100%;width:auto;display:block;margin:0px auto;}
.joinList div:nth-child(3){float:right;width:26%;height:100%;/*background:url(../img/sweep_5.png) 100% 50% no-repeat;background-size:auto 70%;*/overflow:hidden;display: flex;align-items:center;}
.joinList div:nth-child(3) img{display:block;margin-left: auto;}
.videoBox video{height:100%;border:none;}
@media screen and (min-width:768px) {
  .downBox,.videoBox,.appBox,.joinTitle{width:58%;}
  .joinList{width:58%;margin-left:21%;}
  .videoBox video{height:100%;border:none;}
}
@media screen and (min-width:768px) and (max-width:1280px){
  
  .video,.videoBox{height:350px;}
  ul.downBox li img{width:auto;height:80%;}
  .videoBox video{height:100%;border:none;}
  .appBox div span.appListButton{font-size:0.9rem;    width: 62%;}
  .appPhoto{height:290px;}
  .appPhoto p{width:58%;height:30px;line-height:60px;margin:0px auto;text-align:left;font-size:1rem;color:#7b5c55;}
  .appBox{height:260px;}
  .joinUs{height:330px;}
  .joinBox{height:260px;}
  .joinTitle{height:80px;}
  .joinTitle p{height:46px;line-height:60px;}
  .joinTitle span{height:24px;line-height:24px;}
  .joinList{height:250px;}
  .joinList div:nth-child(1) img,.joinList div:nth-child(3) img{height: 60%;}
  .joinList div:nth-child(2){float:left;width:48%;height:100%;overflow: hidden;display: flex;align-items:flex-end;}
  .joinList div:nth-child(2) img{height:80%;}
}
@media screen and (min-width:1280px) and (max-width:1524px){
  .video,.videoBox{height:400px;}
  ul.downBox li img{width:auto;height:90%;}
  .appPhoto{height:410px;}
  .appPhoto p{width:58%;height:40px;line-height:80px;margin:0px auto;text-align:left;font-size:1rem;color:#7b5c55;}
  .appBox{height:370px;}
  .joinUs{height:370px;}
  .joinBox{height:300px;}
  .joinTitle{height:80px;}
  .joinTitle p{height:46px;line-height:60px;}
  .joinTitle span{height:24px;line-height:24px;}
  .joinList{height:350px;}
  .joinList div:nth-child(1) img,.joinList div:nth-child(3) img{height: 60%;}
  .joinList div:nth-child(2){float:left;width:48%;height:100%;overflow: hidden;display: flex;align-items:flex-end;}
  .joinList div:nth-child(2) img{height:80%;}
}
@media screen and (min-width:1524px){
   .video,.videoBox{height:480px;}
   ul.downBox li img{width:auto;height:90%;}
}

@media screen and (max-width:768px) {
   .features nav span{height:36px;line-height:36px;font-size: 0.75rem;bottom:-20px;}
   .nav_title img{display:inline-block;width:71px;height:65px;float:left;margin-top:20px;}
   .downBox{margin-top:48px;height:120px;}
   .downLoad{height:120px;}
   ul.downBox li{list-style:none;width:25%;height:120px;float:left;}
   ul.downBox li img{width:68%;height:auto;}
   .video,.videoBox{height:250px;width:100%;}
   .videoBox video{height:100%;border:none;}
   .appPhoto{height:300px;}
   .appPhoto p{width:58%;height:50px;line-height:60px;margin:0px auto;font-size:0.9rem;color:#7b5c55;text-align:left;}
   .appBox{height:250px;}
   .appBox div span.appListButton{font-size:0.8rem;}
/*   .appBox{width:80%;height:100%;background:#fff;margin:0px auto;}*/
   .joinUs{width:100%;height:320px;background:#fff;position:relative;}
   .joinBox{width:100%;height:250px;background:#fff6e9;z-index:9;}
/*   .joinTitle{width:80%;height:80px;margin:0px auto;}*/
   .joinTitle p{width:100%;height:50px;line-height:80px;color:#7b5c55;font-size:0.95rem;text-align:left;}
   .joinTitle span{display:block;width:100%;height:26px;line-height:26px;text-align:left;color:#7b5c55;font-size:0.85rem;}
   .joinList{height:280px;}
   /*.joinList{position:absolute;height:280px;width:70%;z-index:11;bottom:0px;margin-left:15%;}*/
   .joinList div:nth-child(1){float:left;width:26%;height:100%;/*background:url(../img/sweep_3.png) 0% 50% no-repeat;background-size:auto 55%;*/}
   .joinList div:nth-child(1) img,.joinList div:nth-child(3) img{height:50%;width:auto;margin:0px auto;}
   .joinList div:nth-child(2){float:left;width:48%;height:100%;/*background:url(../img/sweep_4.png) 50% 100% no-repeat;background-size: auto 78%;*/overflow: hidden;display: flex;align-items:flex-end;}
   .joinList div:nth-child(2) img{height:78%;width:auto;margin:0px auto;}
   .joinList div:nth-child(3){float:right;width:26%;height:100%;/*background:url(../img/sweep_5.png) 100% 50% no-repeat;background-size:auto 55%;*/;}
}
@media screen and (max-width:520px) {
   .downBox{margin-top:32px;height:90px;}
   .downLoad{height:80px;}
   .nav_title{width:70%;height:70px;margin:0px auto;}
   .nav_title img{display:inline-block;width:44px;height:40px;float:left;margin-top:10px;}
   .nav_title span{display:inline-block;float: left;height:60px;width:auto;margin-top:14px;line-height:60px;margin-left:1rem;font-size:0.8rem;color:#7b5c55;}
   .features nav img.app{display:block;width:70%;margin:0px auto;}
   ul.downBox li{list-style:none;width:25%;height:80px;float:left;}
   ul.downBox li img{width:66%;height:auto;}
   .videoBox video{height:100%;border:none;}
   .video,.videoBox{height:180px;width:100%;}
   .appPhoto{height:660px;}
   .appPhoto p{width:58%;height:50px;line-height:60px;margin:0px auto;font-size:0.9rem;color:#7b5c55;text-align:left;}
   .appBox{height:610px;}
   .appBox div{ width:100%;height:200px;overflow: hidden;display: flex;align-items:flex-end;}
   .appBox div:nth-child(1) img{width:auto;height:96%;overflow: hidden;align-items:flex-end;display:block;margin:0px auto;}
   .appBox div:nth-child(2) img{width:auto;height:96%;overflow: hidden;align-items:center;display:block;margin:0px auto;}
   .appBox div:nth-child(3){overflow:hidden;display: flex;align-items:center;position:relative;overflow:hidden;display: flex;align-items:center;}
   .appBox div:nth-child(3) img{height:48%;width:auto;display: block;top:100px;margin:0px auto;}
/*   .appBox div{ width:100%;height:200px;}
   .appBox div:nth-child(1){background:url(../img/sweep_1.png)50% 100% no-repeat;background-size: auto 96%;}
   .appBox div:nth-child(2){background:url(../img/sweep_2.png)50% 100% no-repeat;background-size: auto 96%;}*/
/*   .appBox div:nth-child(3){background:url(../img/sweep_scan.png)50% 40% no-repeat;background-size: auto 48%;position:relative;}*/
   .appBox div span.appListButton{width:50%;height:36px;line-height:36px;color:#7b5c55;border-radius:4px;position:absolute;top:20px;left:25%;}
   .joinUs{width:100%;height:760px;background:#fff;position:relative;}
   .joinBox{width:100%;height:760px;background:#fff6e9;z-index:9;}
   .joinTitle{width:70%;height:90px;margin:0px auto;}
   .joinTitle p{width:100%;height:60px;line-height:90px;color:#7b5c55;font-size:0.95rem;text-align:left;}
   .joinTitle span{display:block;width:100%;height:26px;line-height:26px;text-align:left;color:#7b5c55;font-size:0.85rem;}
   .joinList{position:absolute;height:650px;width:100%;z-index:11;bottom:0px;margin-left:0%;}
   .joinList div:nth-child(1){width:100%;height:200px;/*background:url(../img/sweep_3.png) 50% 50% no-repeat;background-size:auto 96%;*/}   
   .joinList div:nth-child(1) img,.joinList div:nth-child(2) img,.joinList div:nth-child(3) img{height:96%;width:auto;margin:0px auto;}
   .joinList div:nth-child(2){width:100%;height:200px;/*background:url(../img/sweep_4.png) 50% 50% no-repeat;background-size: auto 96%;*/}
   .joinList div:nth-child(3){width:100%;height:200px;/*background:url(../img/sweep_5.png) 50% 50% no-repeat;background-size:auto 96%;*/}
}